<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    		<title>购物车页面制作</title>
   		<link rel="stylesheet" type="text/css" href="css/basic.css"/>
   		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
	</head>
	<body>
		<div class="cart-content">
			<div class="hot_food">
				<h3>本店顾客最长点的菜</h3>
				<div class="item_list_outer">
					<ul class="item_list">
						<li>
							<div class="inner">
								<img src="img/1.jpg" alt="" />
								<p>大蒜腊肉</p>
								<p>¥26</p>
							</div>
						</li>
						<li>
							<div class="inner">
								<img src="img/2.jpg" alt="" />
								<p>家乡扣肉</p>
								<p>￥23</p>
							</div>
						</li>
						<li>
							<div class="inner">
								<img src="img/3.jpg" alt="" />
								<p>家乡扣肉</p>
								<p>￥23</p>
							</div>
						</li>
						<li>
							<div class="inner">
								<img src="img/4.jpg" alt="" />
								<p>家乡扣肉</p>
								<p>￥23</p>
							</div>
						</li>
						<li>
							<div class="inner">
								<img src="img/5.jpg" alt="" />
								<p>家乡扣肉</p>
								<p>￥23</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			
		<div class="car_empty">
			<h3>购物车空空的</h3>
			<p>您可以点击下面的菜单开始点菜</p>
		</div>
		</div>
		
				<div class="footer_nav" id="footer_nav">
			<img src="img/navigation.png" alt="" />
			<p>导航</p>
		</div>
		
		<div class="footer_book" id="footer_book">
			<img src="img/menu.png" alt="" />
			<p>菜单</p>
		</div>
		
		<div class="footer_cart" id="footer_cart">
			<img src="img/cart.png" alt="" />
			<p>购物车</p>
		</div>
		
		
	</body>
</html>
